<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="page" uri="/WEB-INF/page"%>
<%@page isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title></title>
    <link href="${pageContext.request.contextPath}/static/assets/css/bootstrap.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/static/assets/css/font-awesome.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/static/assets/css/custom-styles.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/static/assets/js/dataTables/dataTables.bootstrap.css" rel="stylesheet" />
</head>
<body>
<div id="wrapper">
    <div id="page-wrapper" >
        <div id="page-inner">
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            报名管理
                        </div>
                        <form action="manager?id=${id}" method="POST" id="queryForm">
                            <div class="panel-body">
                                <div class="table-responsive">
                                    <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                                        <thead>
                                        <tr>
                                            <th>手机号</th>
                                            <th>用户编号</th>
                                            <th>昵称</th>
                                            <th>性别</th>
                                            <th>状态</th>
                                            <th>券码</th>
                                            <th>时间</th>
                                            <th>操作</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <c:forEach items="${page.results}" var="user">
                                            <tr class="odd gradeX">
                                                <td class="center">${user.mobile}</td>
                                                <td><a href="${pageContext.request.contextPath}/appuser/${user.userCode}">${user.userCode}</a></td>
                                                    <%-- <td>${user.name}</td> --%>
                                                <td>${user.nickname }</td>
                                                <td>${user.sex }</td>
                                                <td>
                                                    <c:choose>
                                                    <c:when test="${user.state == 1}">
                                                        已报名
                                                    </c:when>
                                                    <c:when test="${user.state == 2}">
                                                        已激活
                                                    </c:when>
                                                    <c:when test="${user.state == 3}">
                                                        已使用
                                                    </c:when>
                                                    </c:choose>
                                                </td>
                                                <td>${user.validateCode}</td>
                                                <td><fmt:formatDate value="${user.updateTime }" pattern="MM-dd HH:mm"/> </td>
                                                <td>
                                                    <a onclick="doActive(${id},'${user.userCode}',2)">激活</a>
                                                    <a onclick="doActive(${id},'${user.userCode}',3)">使用</a>
                                                </td>
                                            </tr>
                                        </c:forEach>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <p align="right"><page:page page="${page}"/></p>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${pageContext.request.contextPath}/static/assets/js/jquery-1.10.2.js"></script>
<script src="${pageContext.request.contextPath}/static/assets/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/static/assets/js/jquery.metisMenu.js"></script>
<script src="${pageContext.request.contextPath}/static/assets/js/dataTables/jquery.dataTables.js"></script>
<script src="${pageContext.request.contextPath}/static/assets/js/dataTables/dataTables.bootstrap.js"></script>
<script src="${pageContext.request.contextPath}/static/assets/js/custom-scripts.js"></script>
<script src="${pageContext.request.contextPath}/static/js/page.js"></script>
<script>
    $(document).ready(function () {
        /*$('#dataTables-example').dataTable();*/
    });

    function doActive(id,userCode,op) {
        $.ajax({
            type:"get",
            url:"${pageContext.request.contextPath}/experience/active?id="+id+"&userCode="+userCode+"&op="+op,
            success:function(data) {
                location.reload(true);
            }
        });
    }
</script>
</body>
</html>
